<template>
    <div class="edit-range-container" @mousedown="mousedownBoxSelect($event,undefined)">
        <slot/>
    </div>
</template>

<script setup lang="ts">
import { useMouseHandle } from '../hooks/useDrag';
const {mousedownBoxSelect} =  useMouseHandle()
</script>

<style lang="scss" scoped>
.edit-range-container{
    position: relative;
    transform-origin: left top;
    width:100%;
    height:100%;
}
</style>